<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">

	<br />
	<h:form>
		<div class="tituloSec">
			<h:outputText value="Crear Sucursal" />
		</div>
		<br />
		<h:panelGrid columns="5" style="width:100%" id="panelCampos">
			<h:panelGroup>
				<h:panelGrid columns="2">
					<h:outputText value="Nombre" styleClass="txtUnoVin" />
					<h:inputText styleClass="cajaSimple"
						value="#{crudSucursalBean.valorActual.nombre}" />
					<h:outputText value="Ejecutivo" styleClass="txtUnoVin" />
					<h:selectOneMenu styleClass="combo"
						value="#{crudSucursalBean.valorActual.ejecutivo}">
						<f:selectItems value="#{crudSucursalBean.usuariosList}" />
					</h:selectOneMenu>	
				</h:panelGrid>
			</h:panelGroup>
			<h:panelGroup>
				<h:panelGrid columns="2">
					<h:outputText value="Código" styleClass="txtUnoVin" />
					<h:inputText styleClass="cajaSimple"
						value="#{crudSucursalBean.valorActual.codigo}" />
					<h:outputText value="Centro de costo" styleClass="txtUnoVin" />
					<h:selectOneMenu styleClass="combo"
						value="#{crudSucursalBean.valorActual.centroCosto}">
						<f:selectItems value="#{crudSucursalBean.ccList}" />
					</h:selectOneMenu>	
				</h:panelGrid>
			</h:panelGroup>
			<h:panelGroup>
				<h:panelGrid columns="2">
					
				</h:panelGrid>


			</h:panelGroup>
			<h:panelGroup>
				<h:panelGrid columns="2">
					
				</h:panelGrid>
			</h:panelGroup>
			<h:panelGroup>
				<h:panelGrid columns="2">
					<h:outputText value="Estado" styleClass="txtUnoVin" />
					<h:selectOneMenu styleClass="combo"
						value="#{crudSucursalBean.valorActual.estado}">
						<f:selectItems value="#{cacheParametrosBean.estadosList}" />
					</h:selectOneMenu>
				</h:panelGrid>
			</h:panelGroup>
		</h:panelGrid>

		<div align="right">
			<h:panelGrid columns="2">
				<h:panelGroup>
					<a4j:commandButton styleClass="botonAgregar" value="Guardar"
						action="#{crudSucursalBean.doSave}"
						render="panelCampos,tablaResultados">


					</a4j:commandButton>

				</h:panelGroup>
				<h:panelGroup>
					<a4j:commandButton styleClass="botonLimpiar" value="Limpiar"
						action="#{crudSucursalBean.doClean}"
						render="panelCampos,tablaResultados">

					</a4j:commandButton>

				</h:panelGroup>

			</h:panelGrid>

		</div>
		<br />

		<rich:dataTable id="tablaResultados" styleClass="tablas"
			rowClasses="impar,par" rows="5"
			value="#{crudSucursalBean.listaSimple}" style="width:100%"
			iterationStatusVar="varkey" var="fila">
			
			
			<rich:column style="width:35%">
				<f:facet name="header">
					<h:outputText value="ID" />
				</f:facet>
				<h:outputText value="#{fila.id}" />
			</rich:column>

			<rich:column style="width:30%">
				<f:facet name="header">
					<h:outputText value="Nombre" />
				</f:facet>
				<h:outputText value="#{fila.nombre}" />

			</rich:column>

			<rich:column style="width:10%">
				<f:facet name="header">
					<h:outputText value="Código" />
				</f:facet>
				<h:outputText value="#{fila.codigo}" />

			</rich:column>

			<rich:column style="width:20%">
				<f:facet name="header">
					<h:outputText value="Ejecutivo" />
				</f:facet>
				<h:outputText value="#{fila.ejecutivo}" />

			</rich:column>

			<rich:column style="width:20%">
				<f:facet name="header">
					<h:outputText value="Centro de Costos" />
				</f:facet>
				<h:outputText value="#{fila.centroCosto}" />

			</rich:column>

			<rich:column style="width:5%">
				<f:facet name="header">
					<h:outputText value="Estado" />
				</f:facet>
				<h:outputText value="#{fila.estado}" />

			</rich:column>



			<rich:column style="width:5%">
				<f:facet name="header">
					<h:outputText value="Acciones" />
				</f:facet>
				<div align="center">
					<h:panelGrid columns="2">
						<h:panelGroup>
							<a4j:commandButton styleClass="botonModificar" value=" "
								action="#{crudSucursalBean.doEditable}"
								render="panelCampos,tablaResultados">
								<rich:tooltip layout="block" mode="client">
									<h:outputText value="Modificar" escape="false" />
								</rich:tooltip>
								<a4j:param value="#{fila.id}" assignTo="#{crudSucursalBean.id}" />
							</a4j:commandButton>

						</h:panelGroup>
						<h:panelGroup>
							<a4j:commandButton styleClass="botonEliminar" value=" "
								action="#{crudSucursalBean.doDeleted}"
								render="panelCampos,tablaResultados">
								<rich:tooltip layout="block" mode="client">
									<h:outputText value="Eliminar" escape="false" />
								</rich:tooltip>
								<a4j:param value="#{fila.id}" assignTo="#{crudSucursalBean.id}" />
							</a4j:commandButton>

						</h:panelGroup>

					</h:panelGrid>
				</div>
			</rich:column>
			<f:facet name="footer">
				<rich:dataScroller id="paginadorResultados" />
			</f:facet>

		</rich:dataTable>

	</h:form>
</ui:composition>
